import Vue from 'vue'
import Europe from '@/views/Europe'
import Japan from '@/views/Japan'
import Korea from '@/views/Korea'
import Cute from '@/views/second/Cute'
import Pure from '@/views/second/Pure'
import Sexcy from '@/views/second/Sexcy'
import Sweet from '@/views/second/Sweet'
import More1 from '@/views/third/More1'
import More2 from '@/views/third/More2'
import More3 from '@/views/third/More3'
import More4 from '@/views/third/More4'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    {
      path: '/',
      redirect: './japan',
    },
    {
      path: '/japan',
      component: Japan,
      children: [
        // {
        //   path: '/',
        //   redirect: 'cute',
        // },
        {
          path: 'cute',
          component: Cute,
          children: [
            {
              path: 'more1',
              component: More1,
            },
          ],
        },
        {
          path: 'pure',
          component: Pure,
          children: [
            {
              path: 'more2',
              component: More2,
            },
          ],
        },
        {
          path: 'sexcy',
          component: Sexcy,
          children: [
            {
              path: 'more3',
              component: More3,
            },
          ],
        },
        {
          path: 'sweet',
          component: Sweet,
          children: [
            {
              path: 'more4',
              component: More4,
            },
          ],
        },
      ],
    },
    {
      path: '/korea',
      component: Korea,
    },
    {
      path: '/europe',
      component: Europe,
    },
  ],
})

export default router
